<!-- <style>
    .mask-box {
        position: fixed;
        /* display: none; */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999999;
    }
    
    .mask-box .container-fluid {
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 760px;
        height: 500px;
        background: #ccc;
        border-radius: 20px;
        box-shadow: 8px 7px 8px 8px rgba(0, 0, 0, 0.3);
    }
    
    .mask-box .close-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 10%;
        height: 10%;
        background-color: #DD5145;
        line-height: 55px;
        text-align: center;
        cursor: pointer;
    }
    
    .w-e-text {
        background-color: #fff !important;
    }
</style> -->


<div class="mask-box">
    <div class="container-fluid">
        <div class="page-title">
            <h1>写文章</h1>
        </div>
        <!-- 有错误信息时展示 -->
        <!-- <div class="alert alert-danger">
        <strong>错误！</strong>发生XXX错误
      </div> -->
        <form class="row" action="./posts/postsAdd.php" method="POST" enctype="multipart/form-data">
            <div class="col-md-9">
                <div class="form-group">
                    <label for="title">标题</label>
                    <input id="title" class="form-control input-lg" name="title" type="text" placeholder="文章标题">
                </div>
                <div class="form-group">
                    <label for="content">内容</label>
                    <textarea id="content" class="form-control input-lg hide" name="content" cols="30" rows="10" placeholder="内容"></textarea>
                    <!-- 富文本编辑器父容器 -->
                    <div id="content-box"></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="slug">别名</label>
                    <input id="slug" class="form-control" name="slug" type="text" placeholder="slug">
                    <p class="help-block">https://zce.me/post/<strong id="strong">slug</strong></p>
                </div>
                <div class="form-group">
                    <label for="feature">特色图像</label>
                    <!-- show when image chose -->
                    <img class="help-block thumbnail" style="display: none">
                    <input id="feature" class="form-control" name="feature" type="file" accept="image/*">
                </div>
                <div class="form-group">
                    <label for="category">所属分类</label>
                    <!----------------------------------- 模版引擎施工中-------------------------------------------- -->
                    <!-- <select id="category" class="form-control" name="category">
                            <option value="1">未分类</option>
                            <option value="2">潮生活</option>
                        </select> -->

                    <!------------------------------------------------------------------------------------ -->
                </div>
                <div class="form-group">
                    <label for="created">发布时间</label>
                    <input id="created" class="form-control" name="created" type="datetime-local">
                </div>
                <div class="form-group">
                    <label for="status">状态</label>
                    <select id="status" class="form-control" name="status">
                            <!----------------------------------- 模版引擎施工中-------------------------------------------- -->
                            <!-- <option value="drafted">草稿</option>
                            <option value="published">已发布</option> -->

                            <!---------------------------------------------------------------------------------------------- -->

                        </select>
                </div>
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">保存</button>
                    <button class="btn btn-primary" type="submit" style="background-color: #DD5145;">放弃</button>
                </div>
            </div>
        </form>

        <div class="close-btn">关闭</div>
    </div>
</div>
